<script setup lang="ts">
withDefaults(defineProps<{
    leftText?: string
    leftArrow?: boolean
    title: string
    rightText?: string
    fixed?: boolean
}>(), {
    fixed: false,
});

const emits = defineEmits<{
    (eventName: "clickLeft"): void
    (eventName: "clickRight"): void
}>();

const clickLeft = () => {
    emits("clickLeft");
};

const clickRight = () => {
    emits("clickRight");
};
</script>

<template>
    <van-nav-bar :fixed="fixed" :left-text="leftText" :left-arrow="leftArrow" :title="title" :right-text="rightText" @click-left="clickLeft" @click-right="clickRight"></van-nav-bar>
</template>

